<html>
	<head>
		<meta charset="UTF-8"><meta name="robots" content="noindex">
		<link rel="stylesheet" type="text/css" href="css/style.css">
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
		<link rel="stylesheet" type="text/css" href="css/bootstrap-theme.css">
		<script type="text/javascript" src="js/jquery.js"></script>
		<script type="text/javascript" src="js/functions.js"></script>
	</head>
	<body>
		<div id="container">
			<header>
				<h1> Usuarios </h1>
			</header>
			<section>
				<div id="table">
					<input type="button" name="refresh" value="Refresh" class="btn btn-info" id="refresh-btn">
					
					<div id="messages"></div>

					<table id="usuarios" class="table table-bordered table-striped table-hover">
				      	<thead>
					        <tr>
								<th>Opcoes</th>
								<th>Usuario</th>
								<th>Tipo Usuario</th>
					        </tr>
				      	</thead>
				      	<tbody>
				      </tbody>
				    </table>
				    <div id="full-screen-loader">
				    	<div id="overlay" style="width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; opacity: 0.65; z-index: 999; cursor: pointer; display: block; background-color: white;"></div>
				    	<div id="dvLoading" style="height: 160px; width: 160px; position: fixed; z-index: 1000; left: 50%; top: 50%; margin: -25px 0px 0px -25px; display: block; background: url(images/loader.gif) 50% 50% no-repeat; background-size:160px"></div>
					</div>
				</div>
			</section>
		</div>
	</body>
</html>